/* Lego Sets List */

#lego {
	margin: 0 auto;
	border: 0;
	padding: 0;
	width: 800px;
}

.set {
	display: flex;
	margin-bottom: 5px;
}

.set div {
	flex-basis: 50%;
}

.set_image {
	border: 5px solid #cceeff;
}

.set_image img {
	width: 360px;
}

.set_info {
	padding: 5px 20px;
	background: #cceeff;
}

.set_info h3 {
	text-align: left;
}

.set_info_flex {
	display: flex;
	flex-direction: column;
}

.set_info_flex div {
	margin: 0 5px 5px 0;
	padding: 5px;
}

span.status {
	border: 1px solid #224499;
	border-radius: 5px;
	padding: 5px;
	background-color: #224499;
	color: #ffffff;
}

.rb_logo {
	margin-top: 10px;
	width: 140px;
}

@media screen and (max-width: 800px) {
	#lego {
		width: 100%;
	}
	#sets_list {
		width: 370px;
	}
	.set {
		flex-direction: column;
	}
	.set_info_flex {
		flex-direction: row-reverse;
	}
}

/* Lego Minifigs List */

.minifig {
	display: flex;
	margin-bottom: 5px;
}

.minifig_image {
	flex-basis: 40%;
	border: 5px solid #cceeff;
	min-height: 250px;
}

.minifig_image img {
	display: block;
	margin: 10px auto;
	width: 190px;
}

.minifig_info {
	flex-basis: 60%;
	padding: 5px 20px;
	background: #cceeff;
}

.minifig_info h3 {
	text-align: left;
}

@media screen and (max-width: 800px) {
	.minifig {
		flex-direction: column;
	}
}

/* "Form Links" */
form.form_link input[type="submit"] {
	display: block;
	margin: 0 auto;
	border: 1px solid #224499;
	border-radius: 14px;
	background: #cceeff;
	padding: 5px;
	width: 180px;
	font-size: 16px;
	color: #224499;
}

/* Lego Sets Sort / Filter */

#lego-form {
	margin: 0;
	border: 0;
	padding: 5px;
}

input[type="radio"] {
	display: none;
}

label {
	display: inline-block;
	margin: 0 5px 5px 0;
	border: 1px solid #224499;
	padding: 5px;
	border-radius: 5px;
	color: #224499;
	background-color: #ffffff;
	text-align: center;
	height: 18px;
}

label.sort {
	width: 90px;
}

label.page {
	width: 28px;
}

input[type="radio"]:checked+label {
	color: #ffffff;
	background-color: #224499;
}

.pager {
	margin: 0 auto;
	width: 800px;
}

@media screen and (max-width: 800px) {
	.pager {
		width: 100%;
	}
}