/* Shared CSS Overrides */

.photo-listing {
	box-shadow: 1px 1px 2px #ddd;
	border: 1px solid #ccc;
}

.panel > header {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	background: #394098;
}
.panel > .content {
	border-color: #394098;
}

.slick-prev, .slick-next {
	background: rgba(0,0,0,0.2);
	transition: background 0.2s ease;
}

.slick-prev:hover, .slick-next:hover {
	background: rgba(0,0,0,0.4);
}

.slick-prev:before, .slick-next:before {
	color: #ffffff;
}

/* Buttons */

.button.alert {
	background-color: #394098;
}
.button.alert:hover, .button.alert:focus {
	background-color: #362f7a;
}

.button.secondary {
	background-color: #f7f7f7;
	color: #777;
}
.button.secondary:focus, .button.secondary:hover {
    background-color: #ccc;
    color: #fefefe;
}

/* Page Layout */

body {
	margin: 0;
	background: #cccccc;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #202020;
	line-height: 1.428571429;
}

.container {
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0px 0px 15px 0 #666;
}

section {
	border: 1px solid #ccc;
	padding: 1rem;
	margin-bottom: 2em;
}

#site-header {
	margin-bottom: 1rem;
}

#site-header img {
	margin: 1rem 0.5rem;
}

#site-header nav, #site-footer {
	background-color: #394098;
	color: #fff;
}
#site-footer {
	padding: 0.8rem;
	margin-bottom: 1.5rem;
}

#site-nav ul {
	list-style-type: none;
	margin: 0;
}
#site-nav ul li {
	display: inline-block;
}
#site-nav ul li a {
	display: inline-block;
	color: #fff;
	padding: 0.8rem;
}
#site-nav ul li a:hover {
	background: #323885;
}

#search-form {
	background-color: #a29de5;
	border-radius: 3px;
	padding: 1rem;
	margin-bottom: 1rem;
}

#search-form h3 {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	margin-bottom: 1ex;
}

#search-form label {
	color: #fff;
	text-shadow: 1px 1px 2px #000;
}

@media (min-width: 728px) {
	.container {
		max-width: 728px;
	}
}
@media (min-width: 1024px) {
	body {
		margin: 0 0 20px 0;
	}
	.container {
		max-width: 982px;
	}
}

/* Header Styles */

.main-header {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
}

section {
	margin-bottom: 1rem;
}

section > header {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #1f1e1e;
	margin-bottom: 1rem;
}

/* Listing Styles */

.list-listing {
	background: #f7f7f7;
	border: 1px solid #eee;
	padding: 1rem;
	margin-bottom: 1rem;
}

.list-listing.featured {
	background: #e6e5ff;
	border: 1px solid #362f7a;
}

.list-listing-banner {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 1.1rem;
	padding: 0.5rem 1rem;
	color: #fff;
	background: #362f7a;
}

.photo-listing {
	background: #f7f7f7;
}

.photo-listing.featured {
	background: #e6e5ff;
}

a:hover .photo-listing.featured {
	background: #e6e5ff;
}

/* Orbit */

.orbit-container {
	margin-bottom: 0.5rem;
}

.orbit-container > li .orbit-image {
	background-size: cover;
}

.orbit-previous, .orbit-next {
	opacity: 0.5;
	color: black;
	border-radius: 25%;
}

.orbit-previous:hover, .orbit-next:hover, .orbit-previous:focus, .orbit-next:focus {
	background: #ddd;
	opacity: 0.75;
}

.property-details .orbit-bullets button {
	margin-top: 0;
	border: 0;
	opacity: 0.5;
	width: 9rem;
	height: 6rem;
}

.property-details .orbit-bullets button.is-active {
	border: 0;
	opacity: 1.0;
}

.property-details .orbit-bullets .orbit-thumbnail {
	background-size: cover;
}

#map {
	margin-bottom: 1rem;
}