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

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

.developers .content {
	background: none;
	padding: 0;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.developers .content-sidebar-wrap {
	max-width: 1280px;
}

/* Developers 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;
	margin: 0;
}

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

/* List */
.page .developer-box {
	border-bottom: 1px solid #e4ebee;
	clear: both;
	padding: 50px 0;
	overflow: hidden;
	position: relative;
}

.page .developer-box:last-child {
	border: none;
}

.page .developer-box .left {
	float: left;
	width: 30%;
}

.page .developer-box .right {
	float: right;
	width: 60%;
}

.page .developer-box .entry-header {
	clear: both;
	display: block;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
}

.page .developer-box .entry-title {
	padding-left: 35px;
}

.page .developer-box .entry-title a {
	border: none;
}

.page .developer-box .avatar {
	margin-right: 30px;
	width: 60px;
}

.page .developer-box .developer-description {
	clear: both;
	font-size: 16px;
	font-size: 1.6rem;
	padding-left: 91px;
}

.page .developer-box .right .entry {
	background: #fff;
	border-radius: 3px;
	float: left;
	margin: 1%;
	padding: 10px;
	width: 48%;

	-webkit-box-shadow: 0px 5px 20px 0px rgba(38,50,56,0.15);
	-moz-box-shadow: 0px 5px 20px 0px rgba(38,50,56,0.15);
	box-shadow: 0px 5px 20px 0px rgba(38,50,56,0.15);
}

.page .developer-box .right .entry img {
	display: block;
}

.page .developer-box .right .entry a {
	border: none;
}

/* Single developers */
.tax-developer .site-inner {
	padding-top: 60px;
}

.tax-developer .page-title {
	padding: 40px 0 40px;
}

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

.tax-developer .developer-box {
	border-top: 1px solid #e4ebee;
	margin-top: 20px;
	padding-top: 50px;
	text-align: left;
}

.tax-developer .developer-box .copy {
	padding-left: 270px;
}

/* Showcase items */
.tax-developer .type-showcase {
	border-radius: 3px;
	float: left;
	font-size: 16px;
	font-size: 1.6rem;
	height: 375px;
	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;
}

.tax-developer .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);
}

.tax-developer .type-showcase .entry-content {
	background: #fff;
	border-radius: 3px;
	padding: 10px;
}

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

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

.tax-developer .type-showcase .entry-header p {
	margin: 0;
}

.tax-developer .type-showcase a {
	border: none;
}

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

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

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

	.developers .content-sidebar-wrap {
		max-width: 1120px;
	}

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

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

}

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

	.developers .content-sidebar-wrap {
		max-width: 980px;
	}

	.page .developer-box {
		padding: 30px 0;
	}

	.page .developer-box .developer-description {
		padding-left: 10px;
	}

	.page .developer-box .left {
		width: 35%;
	}

	.archive .type-showcase {
		height: auto;
		padding-bottom: 80px;
	}

}

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

	.developers .content-sidebar-wrap {
		width: 95%;
	}

	.tax-developer .page-title {
		padding: 30px 0;
	}

}

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

	.page .developer-box .left,
	.page .developer-box .right {
		float: none;
		margin-bottom: 20px;
		width: 100%;
	}

	.tax-developer .page-title {
		padding: 20px 0;
	}

	.developer-back-link {
		margin-bottom: 0;
	}

	.tax-developer .developer-box {
		padding: 20px 0 0;
		text-align: center;
	}

	.tax-developer .developer-box .img {
		display: none;
	}

	.tax-developer .developer-box .copy {
		padding: 0;
	}

	.tax-developer .type-showcase {
		width: 48%;
	}

}

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

	.tax-developer .site-inner {
		padding-top: 20px;
	}

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

	.archive .type-showcase {
		padding-bottom: 60px;
	}

	.filter-navigation .label {
		position: static;
		margin-bottom: 10px;
		width: 100%;
	}

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

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

	.page .developer-box .avatar {
		margin-right: 20px;
		margin-left: 10px;
		width: 50px;
	}

}

/* New Style */

.partner-header {
	position: relative;
	padding-top: $header__height--sm;
	padding-bottom: $spacer--5;
	background: url(/wp-content/uploads/2018/10/WPE-WEB-Hero-PartnersHome.png);
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;

	&::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba($color--white, 0.7);
		z-index: 0;
	}

	@media (min-width: $breakpoint--sm) {
		padding-top: #{$header__height--sm + 100px};
	}

	@media (min-width: $breakpoint--lg) {
		padding-top: #{$header__height--lg + 100px};
	}
}

.partner-header__wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 $spacer--2;
	z-index: 1;
	position: relative;
}

.partner-header__title {
	margin-bottom: $spacer--2;
	line-height: $font--line-height-hero-1;

	@media (min-width: $breakpoint--lg) {
		max-width: 70%;
		font-size: $font--size-hero-3;
	}
}

.partner-header__location {
	margin-bottom: $spacer--2;
	color: $color--polar-35;
}

.partner-details {
	margin-bottom: $spacer--2;
	font-size: $font--size-small;
	color: $color--polar-35;
}

.partner-details__level__icon {
	display: inline-block;
	width: 1em;
	height: 0.8em;
	margin-right: 0.25em;
	position: relative;

	&::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		/* stylelint-disable */
		background-image: linear-gradient(
			to bottom,
			$color--sunset, $color--sunset 20%,
			$color--white 20%, $color--white 40%,
			$color--sunset 40%, $color--sunset 60%,
			$color--white 60%, $color--white 80%,
			$color--sunset 80%, $color--sunset 100%
		);
		/* stylelint-enable */
		background-size: 1em 0.8em;
	}

	&--advanced {
		&::before {
			/* stylelint-disable */
			background-image: linear-gradient(
				to bottom,
				$color--polar-20, $color--polar-20 20%,
				$color--white 20%, $color--white 40%,
				$color--sunset 40%, $color--sunset 60%,
				$color--white 60%, $color--white 80%,
				$color--sunset 80%, $color--sunset 100%
			);
			/* stylelint-enable */
		}
	}

	&--member {
		&::before {
			/* stylelint-disable */
			background-image: linear-gradient(
				to bottom,
				$color--polar-20, $color--polar-20 20%,
				$color--white 20%, $color--white 40%,
				$color--polar-20 40%, $color--polar-20 60%,
				$color--white 60%, $color--white 80%,
				$color--sunset 80%, $color--sunset 100%
			);
			/* stylelint-enable */
		}
	}
}

.partner-details__divider {
	&::before {
		display: inline-block;
		content: "·";
	}
}

.partner-details__price {
	color: $color--dollabillz;
}

.partner-details__services,
.partner-details__proficiencies {
	display: block;
	padding-left: 1.5em;
	line-height: 1.3;
}

.partner-details__icon {
	position: relative;
	margin-left: -1.5em;
	width: 1em;
	height: 0.8em;
	margin-right: 0.25em;
}

.partner-content {
	padding: $spacer--5 0;
	background: $color--polar;
}

.partner-content__container {
	padding: 0 $spacer--2;

	@media (min-width: $breakpoint--md) {
		display: flex;
		flex-flow: row nowrap;
	}
}

.partner-content__main {
	@media (min-width: $breakpoint--md) {
		flex: 0 0 70%;
		width: 70%;
		padding-right: $spacer--4;
	}

	@media (min-width: $breakpoint--lg) {
		padding-right: $spacer--5;
	}
}

.partner-content__description {
	margin-bottom: $spacer--5;
	@include paragraph-style--xl;
}

.partner-content__sidebar {
	@media (min-width: $breakpoint--md) {
		flex: 0 0 30%;
		width: 30%;
	}
}

.partner-navigation {
	background: $color--polar-5;
}

.partner-navigation__container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 $spacer--2;
}

.partner_navigation__link {
	display: inline-block;
	padding: $spacer--1 0;
	color: $color--soot;
	text-decoration: none;
}