/* General */
.site-inner {
	padding-top: 20px;
}

.page-title {
	padding-bottom: 90px;
}

/* Showcase filter */
.filter-navigation {
	background: none;
	color: #546E7A;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.2;
	padding: 0 0 20px;
	position: relative;
	top: -40px;
}

.filter-navigation .wrap {
	margin: 0 auto;
	padding: 20px 30px;
	max-width: 480px;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition:    all 0.3s ease-in-out;
	-ms-transition:     all 0.3s ease-in-out;
	-o-transition:      all 0.3s ease-in-out;
	transition:         all 0.3s ease-in-out;
}

.filter-navigation h3 {
	display: none;
}

.filter-navigation .label {
	float: left;
	position: relative;
	top: 10px;
	text-align: center;
	width: 200px;
}

.filter-navigation .widget,
.filter-navigation .widget-wrap {
	display: inline;
	float: right;
	margin: 0;
}

.filter-navigation select {
	width: 200px;
}

/* Showcase items */
.archive .type-showcase {
	border: 1px solid #CFD8DC;
	border-radius: 3px;
	float: left;
	font-size: 16px;
	font-size: 1.6rem;
	height: 390px;
	margin: 0 1% 3%;
	position: relative;
	width: 31.3%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition:    all 0.3s ease-in-out;
	-ms-transition:     all 0.3s ease-in-out;
	-o-transition:      all 0.3s ease-in-out;
	transition:         all 0.3s ease-in-out;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.archive .type-showcase:hover {
	background: #fff;

	-webkit-box-shadow: 0px 5px 20px 0px rgba(84,110,122,0.15);
	-moz-box-shadow: 0px 5px 20px 0px rgba(84,110,122,0.15);
	box-shadow: 0px 5px 20px 0px rgba(84,110,122,0.15);

	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

.archive .type-showcase .entry-content {
	background: #fff;
	border-radius: 3px;
	padding: 20px;
}


.archive .type-showcase .entry-header {
	color: #546E7A;
	font-size: 13px;
	font-size: 1.3rem;
	bottom: 0px;
	overflow: hidden;
	left: 0px;
	padding-bottom: 15px;
	position: absolute;
	width: 100%;
	text-align: center;
}

.archive .type-showcase .entry-header h2 {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 0 3px;
	text-align: center;
}

.archive .type-showcase a {
	border: none;
}

.archive .type-showcase img {
	border-radius: 3px;
}

/* Single showcase */
.single-showcase .site-inner {
	padding-top: 0px;
}

.single-showcase .entry-content {
	margin-top: -40px;
}

.single-showcase .page-title {
	padding: 50px 0 60px;
}

.showcase-back-link {
	border-color: #CFD8DC;
	color: #546E7A;
	display: inline-block;
	margin-bottom: 20px;
	font-size: 15px;
	font-size: 1.5rem;
}

.single-showcase .type-showcase .entry-content {
	text-align: center;
}

.single-showcase .type-showcase .entry-content a {
	border: none;
	display: inline-block;
}

.single-showcase .type-showcase .entry-content a img {
	background: #fff;
	border-radius: 3px;
	border: 1px solid #CFD8DC;
	display: block;
	margin: 0 auto;
	padding: 20px;

	-webkit-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.25);
	-moz-box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.25);
	box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.25);
}

.single-showcase .theme-box {
	background: #ECEFF1;
	margin: 35px auto 0;
	max-width: 700px;
	padding: 20px;
	text-align: center;
}

.single-showcase .theme-box .button {
	margin-left: 25px;
}

.single-showcase .theme-box p {
	color: #546E7A;
	display: inline-block;
	font-weight: 500;
	margin-bottom: 10px;
}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1340px) {
	
	.archive .type-showcase {
		height: 350px;
	}

}

@media only screen and (max-width: 1200px) {
	
	.site-inner {
		padding-top: 0;
	}

	.archive .type-showcase {
		height: 320px;
	}

	.page-title {
		padding-bottom: 70px;
	}

	.filter-navigation {
		padding-bottom: 0;
	}
	
}

@media only screen and (max-width: 1023px) {
	
	.archive .type-showcase {
		height: auto;
		padding-bottom: 80px;
	}

}

@media only screen and (max-width: 767px) {

	.archive .type-showcase {
		width: 48%;
	}

	.single-showcase .page-title {
		padding-top: 20px;
	}

}

@media only screen and (max-width: 599px) {

	.filter-navigation .label {
		display: block;
		position: static;
		margin-bottom: 10px;
		text-align: center;
		width: 100%;
	}

	.filter-navigation select {
		width: 100%;
	}

	.archive .type-showcase {
		float: none;
		height: auto !important;
		margin-left: 0;
		width: 100%;
	}

	.single-showcase .theme-box .button {
		margin-left: 0;
	}

}