@media (min-width: 375px) {}
@media (min-width: 425px) {}
@media (min-width: 768px) {}
@media (min-width: 1024px) {}
@media (min-width: 1440px) {}

/* Body Backgrounds ////////////////////////////////////////////////////////////////////////////////////////////////*/
body {
	position: relative;
}
body .background {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0.3;
	z-index: 0;
}
body #page.site {
	position: relative;
	z-index: 1;
}
body.page-id-30 .background,
body.post-type-archive-architecture .background,
body.blog .background,
body.page-id-28 .background,
body.post-type-archive-graphic .background,
body.post-type-archive-interior  .background,

body.architecture-template-default .background,
body.interior-template-default .background,
body.graphic-template-default .background,
body.post-template-default .background {
	background-size: 100% !important;
	background-position: 50% 120px !important;
}
body.page-id-30 .background {
	background: url(../images/bg_about.svg) no-repeat;
}
body.post-type-archive-architecture .background,
body.architecture-template-default .background {
	background: url(../images/bg_architect.svg) no-repeat;
}
body.blog .background,
body.post-template-default .background {
	background: url(../images/bg_blog.svg) no-repeat;
}
body.page-id-28 .background {
	background: url(../images/bg_contact.svg) no-repeat;
}
body.post-type-archive-graphic .background,
body.graphic-template-default .background {
	background: url(../images/bg_graphic.svg) no-repeat;
}
body.post-type-archive-interior .background,
body.interior-template-default .background {
	background: url(../images/bg_interior.svg) no-repeat;
}
@media (min-width: 1024px) {
	body .background {
		opacity: 1;
	}
	body.page-id-30 .background,
	body.post-type-archive-architecture .background,
	body.blog .background,
	body.page-id-28 .background,
	body.post-type-archive-graphic .background,
	body.post-type-archive-interior .background,

	body.architecture-template-default .background,
	body.interior-template-default .background,
	body.graphic-template-default .background,
	body.post-template-default .background {
		background-size: 100% !important;
		background-position: 50% 0 !important;
	}
}

body.architecture-template-default .background,
body.interior-template-default .background,
body.graphic-template-default .background,
body.post-template-default .background {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0.3;
}

/* Component Post List /////////////////////////////////////////////////////////////////////////////////////////////*/
.section-archive-list {}

.section-archive-list .container {}
.section-archive-list .site-grid.post-item {
	margin: 0 0 4.0rem 0;
}
.post-item .grid__col-md-4 {}

.post-item .thumbnail {
	height: 20.0rem;
}
.post-item .fs-h6 {}
.post-item .fs-h6 a {
	overflow: anywhere;
}
@media (min-width: 768px) {
	.post-item .thumbnail {
		height: 40.0rem;
	}
}
@media (min-width: 1024px) {
	.section-archive-list .site-grid.post-item {
		margin: 0 0 8.0rem 0;
	}
	.post-item .grid__col-md-4:first-child {
		order: 2;
	}
	.section-archive-list .site-grid.is--center-aligned.post-item>div {
		align-self: end;
	}
	.post-item .thumbnail {
		height: 60.0rem;
	}
}
*/
/* Component Post Single ///////////////////////////////////////////////////////////////////////////////////////////*/
 

 .post-item .thumbnail {
 	height: auto;
 }
.thumbnail.project-thumbnail {
	margin-bottom: 8.0rem;
}
.list-unstyled.project-gallery,
.project-specification {
	margin-top: 3.2rem;
}
.list-unstyled.project-gallery li {
	margin-bottom: 3.2rem;
}
.project-specification.site-flex .flex__col.is--col-50 {
	padding: 0 0 2.4rem 0;
	flex: 1 1 100%;
}
.project-specification.site-flex .flex__col.is--col-50:last-child {
	padding: 0;
}
.project-description {}
.project-description p {
	margin-bottom: 2.4rem;
}
.project-description p:last-child {
	margin-bottom: 0;
}
@media (min-width: 1024px) {
	.post-item .grid__col-md-2 {
		text-align: right;
	}
	.project-specification.site-flex .flex__col.is--col-50 {
		flex: 1 1 50%;
	}
	.project-specification > div:nth-child(1), .project-specification > div:nth-child(2) {
		margin-bottom: 2.4rem;
	}
	.list-unstyled.project-gallery,
	.project-specification {
		margin-top: 8.0rem;
	}
}
/* Component Pagination ////////////////////////////////////////////////////////////////////////////////////////////*/
.navigation.pagination {
	padding: 6.4rem 0;
}
.nav-links {
	display: flex;
	gap: 1.0rem;
	align-items: center;
/*	justify-content: center;*/
}

.page-numbers {
	display: inline-block;
	padding: 0.5rem 1.0rem;
	font-size: var(--fs-sm);
	text-align: center;
	border: 0.1rem solid var(--c-neutral-900);
}
.page-numbers:hover {
	color: var(--c-neutral-50);
	background: var(--c-neutral-900);
	border: 0.1rem solid var(--c-neutral-900);
}
.page-numbers.current {
	color: var(--c-neutral-50);
	background: var(--c-neutral-900);
}
.page-numbers.dots, .page-numbers.dots:hover {
	color: var(--c-neutral-900);
	background: var(--c-neutral-50);
	border: none;
}

.page-numbers.prev, .page-numbers.next {
	color: var(--c-neutral-50);
	background: var(--c-neutral-900);
}

.page-numbers.prev .icon.icon-arrow-left,
.page-numbers.next .icon.icon-arrow-right {
	vertical-align: middle;
	margin: -0.5rem 0 0 0;
	width: 1.5rem;
	height: 1.5rem;
	fill: var(--c-neutral-50);
}
@media (min-width: 1024px) {
	.navigation.pagination {
		padding: 8.0rem 0;
	}
	.nav-links {
		gap: 2.0rem;
	}
	.page-numbers {
		padding: 1.0rem 2.0rem;
	}
	.page-numbers.prev .icon.icon-arrow-left,
	.page-numbers.next .icon.icon-arrow-right {
		width: 3.0rem;
		height: 3.0rem;
	}
}


/* Section Homepage Hero ///////////////////////////////////////////////////////////////////////////////////////////*/
.hero.homepage {
	position: relative;
	min-height: calc(100vh - 140px);
}

.hero-content, .services-list {
	max-width: 114.7rem;
}
.hero-content {}
.hero-content .fs-h1 {
	margin: 0 0 2.0rem 0;
}
.hero-content .fs-md {
}

ul.services-list {
	margin: 4.0rem 0 0 0;
	padding: 0;
}
ul.services-list li.service-item {
	margin: 0 0 4.0rem 0;
	padding: 0;
	max-width: 114.7rem;
	list-style: none;
	display: flex;
	gap: 2.0rem;
	align-items: center;
}
ul.services-list li.service-item:last-child {
	margin: 0 0 0 0;
}
.service-icon {}
.service-icon svg {
	width: 9.3rem;
	height: auto;
}
.service-text-wrap {
	flex: 1 1 0;
	display: flex;
	gap: 0.5rem;
	align-items: center;
}
.service-text-wrap .service-text {
	flex: 1 1 0;
}
.service-text-wrap .link-icon {}

@media (min-width: 768px) {
	ul.services-list {
		display: flex;
		gap: 4.0rem;
		align-items: baseline;
		justify-content: center;
	}
	ul.services-list li.service-item {
		flex-flow: column;
		width: 33.33%;
	}
}
@media (min-width: 1024px) {
	section.section-hero-banner.homepage {
		padding-top: 18.0rem;
	}

	.hero-content {
		width: 55vw;
	}
	.hero-content .fs-md {
		width: 50%;
	}
	.services-list {
		width: 55vw;
	}

	ul.services-list {
		width: auto;
		position: absolute;
		right: 8.0rem;
		bottom: 0;
		gap: 5.0rem;
	}
	.service-icon svg {
		width: 16vw;
		height: auto;
	}
}






/* Section Archive Hero ////////////////////////////////////////////////////////////////////////////////////////////*/
section.section-hero-banner {
	padding-top: 2.0rem;
}
section.section-hero-banner p {
	padding-bottom: 1.6rem;
}
@media (min-width: 768px) {
	section.section-hero-banner {
		padding-top: 8.0rem;
	}
	section.section-hero-banner p {
		padding-bottom: 2.4rem;
	}
}
@media (min-width: 1024px) {
	section.section-hero-banner {
		padding-top: 21.0rem;
	}
}
/* Section Detail Hero /////////////////////////////////////////////////////////////////////////////////////////////*/
/* Section Call to Action //////////////////////////////////////////////////////////////////////////////////////////*/
.section-cta {
	color: var(--c-neutral-50);
	background: var(--c-neutral-900) url(../images/bg_pat.png) 50% 50% repeat;
}
.section-cta .container {}
.section-cta .site-grid {}
.section-cta .grid__col-md-4 {}
.section-cta .grid__col-md-2 {}
.section-cta .fs-h4 {
	margin: 0 0 2.0rem 0;
}
.section-cta .fs-lg {}

.section-cta .btn-primary {
	display: block;
}
@media (min-width: 425px) {
	.section-cta .btn-primary {
		display: inline-block;
		padding-left: 6.4rem;
		padding-right: 6.4rem;
	}
}
@media (min-width: 1024px) {
	.section-cta .fs-h3 {
		margin: 0 0 4.0rem 0;
	}
	.section-cta .grid__col-md-2 {
		text-align: center;
	}
}
/* Section Testimonials ////////////////////////////////////////////////////////////////////////////////////////////*/
.section-testimonials {}
.section-testimonials .container {
	max-width: 114.6rem;
}
.section-testimonials .testimonial-list {}
.testimonial-list .testimonial-item {
	display: flex;
	gap: 4.0rem;
	flex-flow: column;
}
.testimonial-item .thumbnail {
	width: 14.4rem;
	height: 14.4rem;
}
.testimonial-item .testimonial-content {}
.testimonial-content .fs-lg {}
.testimonial-content .fs-md {
	margin: 2.0rem 0 0.5rem 0;
}
.testimonial-content .fs-xsm {}
.testimonial-list .slick-dots {
	bottom: -5.6rem;
}
@media (min-width: 1024px) {
	.testimonial-list .testimonial-item {
		flex-flow: row;
	}
	.testimonial-item .thumbnail {
		width: 22.6rem;
		height: 22.6rem;
	}
	.testimonial-item .testimonial-content {
		flex: 1 1 0;
	}

}
/* Page - Page Not Found ///////////////////////////////////////////////////////////////////////////////////////////*/
/* Page - Search ///////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Page - About Us /////////////////////////////////////////////////////////////////////////////////////////////////*/
.key-person {}
.key-person .fs-h3 {
	margin: 1.6rem 0 2.4rem 0;
}
.key-person .thumbnail {
	max-width: 50%;
}
.section-team {
	margin: 3.2rem 0 0;
}
.section-team .fs-h4 {
	margin: 0 0 3.2rem 0;
}
.team-person {}
.team-person .thumbnail {
	max-width: none;
}
@media (min-width: 1024px) {
	.key-person .fs-h3 {
		margin: 4.0rem 0 3.2rem 0;
	}
	.section-team {
		margin: 8.0rem 0 0;
	}
	.section-team .fs-h4 {
		margin: 0 0 4.0rem 0;
	}
}
/* Page - Contact Us ///////////////////////////////////////////////////////////////////////////////////////////////*/
.contact-form {
	
}