/*
Theme Name: 	Trevida
Theme URI: 		http://migagenturch
Version: 		1.12
Author: 		Migagentur
Author URI: 	http://migagentur.ch
*/



/*** Sensible Defaults ***/

@import "css/reset.css";
@import "css/flickity.css";
@import "js/lightbox/css/lightbox.min.css";
@import "typo.css?v1";
@import "blocks.css";
@import "css/fonts/stylesheet.css";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');




div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }

::-moz-selection 	{ background:#5b6670; color:#fff; }
::selection 		{ background:#5b6670; color:#fff; }

* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	   -moz-font-smoothing: antialiased;
	        font-smoothing: antialiased;
}

/* Helper Classes */

.clear { clear: both; }
strong { font-weight: 500; }
em { font-style: italic; }
a, a:link, a:visited, a:hover, a:focus { color: inherit; }

html, body {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 150%;
	font-weight: 300;
	color: #404649;
	background: #fff;
	overflow-x: hidden;
}

body {
	padding-top: 5rem;
	overflow-y: hidden;
}

	@media (min-width: 800px) {
		body {
			padding-top: 11rem;
		}
	}

img {
	max-width: 100%;
	height: auto;
}

.wrap {
	width: 100%;
	max-width: 1250px;
	padding: 0 1rem;
	margin: 0 auto;
}

	@media (min-width: 600px) {
		.wrap {
			padding: 0 2rem;
		}
	}

	@media (min-width: 800px) {
		.wrap {
			padding: 0 3rem;
		}
	}

	.wrap.narrow {
		max-width: 750px;
	}

.flex {
	display: flex;
	flex-flow: row wrap;
}

.page-wrap {
	min-height: 100vh;
}

h1, h2 {
	font-size: 1.8rem;
	line-height: 120%;
	color: #ff8300;
	margin: 1.5em 0 0.5em 0;
}

	@media (min-width: 500px) {
		h1, h2 {
			font-size: 2.33rem;
			line-height: 120%;
		}
	}

	* > h1:first-child,
	* > h2:first-child {
		margin-top: 0;
	}

h3 {
	font-size: 1.5rem;
	line-height: 120%;
	margin-bottom: 1rem;
}

	@media (min-width: 500px) {
		h3 {
			font-size: 2rem;
			line-height: 120%;
		}
	}

p {
	padding-bottom: 1rem;
}

header {
	height: 5rem;
	padding-top: 0;
	position: fixed;
	width: 100%;
	top: 0;
	background-color: #fff;
	z-index: 99999;
	transition: all 0.2s ease-in-out;
}

	@media (min-width: 800px) {
		header {
			height: 11rem;
			padding-top: 3rem;
		}
	}

	.is-scrolled header {
		height: 5rem;
		padding-top: 0;
		box-shadow: 0 0 1rem rgba(0,0,0,0.2);
	}


nav {
	flex: 1;
	font-weight: 300;
	padding-top: 4rem;
	transition: all 0.2s ease-in-out;
	display: none;
}

	.nav-open nav {
		display: block;
	}

	@media (max-width: 799px) {
		nav {
			position: absolute;
			top: 100%;
			background: #ff8300;
			color: #fff;
			height: calc(100vh - 5rem);
			left: 0;
			width: 100%;
			padding: 1rem;
			overflow: auto;
		}

		nav a {
			text-decoration: none;
		}

		nav ul li {
			font-size: 1.5rem;
			font-weight: 500;
			line-height: 140%;
		}

		nav ul li ul li {
			font-size: 1.2rem;
			line-height: 140%;
		}

		nav ul ul {
			padding: 0 0 0 1rem;
			margin: 1rem 0;
			border-left: 1px solid #fff;
		}
	}

	@media (min-width: 600px) and (max-width: 799px) {
		nav {
			padding: 2rem;
		}
	}

	@media (min-width: 800px) {
		nav {
			display: block;
		}


	.is-scrolled header nav {
		padding-top: 2rem;
	}

	nav ul {
		display: flex;
		flex-flow: row wrap;
	}

		nav ul li {
			padding-right: 1rem;
		}

		nav ul li:last-child {
			padding-right: 0;
		}

			nav ul li a {
				text-decoration: none;
			}

		nav ul ul {
			display: none;
			position: absolute;
			background: #ff8300;
			color: #fff;
			width: 250px;
		}

			nav ul li:hover ul {
				display: block;
			}

			nav > ul > li:hover {
				color: #ff8300
			}

			nav > ul > li.current_page_item,
			nav > ul > li.current_page_ancestor {
				color: #ff8300;
			}

			nav ul ul li {
				padding: 0;
			}

				nav ul ul li a {
					display: block;
					padding: 0.4rem 0.75rem;
				}

				nav ul ul li a:hover {
					background: #404649;
				}

				nav ul ul li.current_page_item,
				nav ul ul li.current_page_ancestor {
					color: #fff;
					background: #404649;
				}
	}
	header .wrap {
		height: 100%;
	}

	header a.logo {
		width: 10rem;
		height: 3.67rem;
		display: block;
		background: url(css/img/logo.svg) no-repeat center;
		background-size: contain;
		text-indent: -1000px;
		overflow: hidden;
		margin: 1rem 0 0 0;
		transition: all 0.2s ease-in-out;
	}

		@media (min-width: 450px) {
			header a.logo {
				width: 13.33rem;
				height: 3.67rem;
			}
		}

		@media (min-width: 800px) {
			header a.logo {
				margin: 2rem 0 0 0;
			}
		}

		.is-scrolled header a.logo {
			margin: 1rem 0 0 0;
		}


	header .nav-toggle {
		display: block;
		position: absolute;
		right: 1rem;
		top: 50%;
		transform: translateY(-50%);
		height: 40px;
		width: 40px;
		cursor: pointer;
		padding-top: 6px;
	}

		header .nav-toggle span {
			width: 80%;
			height: 3px;
			background: #ff8300;
			margin: 5px 0 5px auto;
			display: block;
		}

	@media (min-width: 600px) {
		header .nav-toggle {
			right: 2rem;
		}
	}

	@media (min-width: 800px) {
		header .nav-toggle {
			display: none;
		}
	}

.hero {
	background-color: #ddd;
	height: 40vw;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	max-height: 450px;
	margin-bottom: 1rem;
}

	.home .hero {
		height: calc(100vh - 5rem);
		max-height: 100vh;
		/* max-height: 600px */
	}

		@media (min-width: 800px) {
			.home .hero {
				height: calc(100vh - 14rem);
			}
		}


	@media (min-width: 800px) {
		.hero {
			margin-bottom: 2rem;
		}
	}

	@media (min-width: 1000px) {
		.hero {
			margin-bottom: 3rem;
		}
	}

	@media (min-width: 1200px) {
		.hero {
			margin-bottom: 4rem;
		}
	}

	.home .hero::before {
		content: "";
		display: block;
		background: rgba(0,0,0,0.4);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.hero .hero-text {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		color: #fff;
		text-transform: uppercase;
		font-size: 2rem;
		line-height: 110%;
		z-index: 9;
	}

		@media (min-width: 400px) {
			.hero .hero-text {
				font-size: 2.5rem;
				line-height: 110%;
			}
		}

		@media (min-width: 600px) {
			.hero .hero-text {
				font-size: 3.5rem;
				line-height: 110%;
			}
		}

		@media (min-width: 780px) {
			.hero .hero-text {
				font-size: 4rem;
				line-height: 110%;
			}
		}

		@media (min-width: 1200px) {
			.hero .hero-text {
				font-size: 4.5rem;
				line-height: 110%;
			}
		}

		@media (min-width: 1600px) and (min-height: 750px) {
			.hero .hero-text {
				font-size: 6rem;
				line-height: 110%;
			}
		}

		@media (min-width: 1700px) and (min-height: 800px) {
			.hero .hero-text {
				font-size: 7rem;
				line-height: 110%;
			}
		}

		@media (min-width: 1800px) and (min-height: 800px) {
			.hero .hero-text {
				font-size: 7.5rem;
				line-height: 110%;
			}
		}

		.hero .hero-text span {
			display: inline-block;
			opacity: 0;
			/* display: inline-block;
			background: rgba(64, 70, 73, 0.9);
			padding: 0.75rem 1rem;
			white-space: nowrap;
			transform-origin: left;
			opacity: 0;
			transition: all 0.5s ease-in-out; */
			transition: all 0.7s ease-in-out;
		}

		.has-loaded .hero .hero-text span {

		}

		.hero .hero-text span:nth-of-type(1) { transform: translateX(-8%) scale(2.5); transition-delay: 0.7s }
		.hero .hero-text span:nth-of-type(2) { transform: translateX(100%) scale(2.5); transition-delay: 1.4s }
		.hero .hero-text span:nth-of-type(3) { transform: translateX(8%) scale(2.5); transition-delay: 2.1s }

		.has-loaded .hero .hero-text span:nth-of-type(1) { transform: translateX(-8%); opacity: 1}
		.has-loaded .hero .hero-text span:nth-of-type(2) { transform: translateX(100%); opacity: 1}
		.has-loaded .hero .hero-text span:nth-of-type(3) { transform: translateX(8%); opacity: 1}


		.js-scroll-down {
			width: 3rem;
			height: 3rem;
			background: url(css/img/arrow-down.svg) no-repeat center;
			background-size: contain;
			position: absolute;
			bottom: 1rem;
			left: 50%;
			transform: translateX(-50%);
			cursor: pointer;
			z-index: 9999;
		}

		.bg-dkgray .js-scroll-down {
			background-image: url(css/img/arrow-down-orange.svg);
		}


		.hero .stoerer {
			background: url(css/img/trevida-stoerer.png) no-repeat center;
			background-size: contain;
			color: #fff;
			border-radius: 100%;
			width: 13vw;
			min-width: 7rem;
			z-index: 9999;
			position: absolute;
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 1rem;
			line-height: 140%;
			font-weight: 400;
			top: 1rem;
			right: 1rem;
		}

			.hero .stoerer::before {
				content: "";
				display: block;
				padding-bottom: 100%;
			}

			@media (min-width: 650px) {
				.hero .stoerer {
					display: flex;
					top: 2rem;
					right: 2rem;

					font-size: 1.25rem;
					line-height: 140%;
				}
			}

article.main {
	padding: 2rem 0;
}

.wp-block-column iframe {
	width: 100%;
}

.area {
	padding: 2rem 0;
	margin: 2rem auto;
	opacity: 0;
	transform: translateY(5rem);
	transition: all 0.5s ease-in-out;
}

.area.no-animate {
	transition: none;
}

	.area.is-in-viewport,
	.area.no-animate {
		opacity: 1;
		transform: translateX(0);
	}

	@media (min-width: 800px) {
		.area {
			padding: 4rem 0;
			margin: 2rem auto;
		}
	}

	@media (min-width: 1250px) {
		.area.bg-dkgray,
		.area.bg-ltgray {
			max-width: calc(1250px - 6rem);
		}
	}

	.area.no-padding {
		padding: 0;
		margin: 0 auto;
	}

	.area.area-footer {
		padding: 0;
		margin: 0;
		max-width: 100%;
	}


.bg-ltgray {
	background: rgb(235,239,241);
	background: linear-gradient(270deg, rgba(235,239,241,1) 0%, rgba(217,223,225,1) 100%);
}

.bg-dkgray {
	background: rgb(89,96,99);
	background: linear-gradient(270deg, rgba(89,96,99,1) 0%, rgba(64,70,73,1) 100%);
	color: #fff;
}

.text {
	width: 100%;
	margin-bottom: 2rem;
}

	@media (min-width: 650px) {
		.text {
			width: 60%;
			padding-right: 4rem;
			margin-bottom: 0;
		}
	}

.image {
	width: 100%;
	position: relative;
}

	@media (min-width: 650px) {
		.image {
			width: 40%
		}
	}


.news-item {
	display: flex;
	flex-flow: row wrap-reverse;
	align-items:flex-start;
	padding: 1rem 0;
	margin: 1rem 0;
	border-bottom: 1px solid #ccc;
	/* margin-bottom: 2rem !important; */
}

	.news-item .image,
	.news-item .text {
		width: 100%;
		/* margin-bottom: 1rem !important */
	}

	@media (min-width: 750px) {
		.news-item {
			display: flex;
			flex-flow: row wrap;
		}

		.news-item .image,
		.news-item .text {
			width: auto;
			flex: 1;
		}

		.news-item.home-news .image {
			flex: 2;
		}
	}

	.news-item .text {
		padding-right: 2rem;
		padding-top: 0.5rem;
	}

	.news-item time {
		color: #ff8300;
		font-weight: normal;
		margin: -0.5rem 0 1rem 0;
		display: block;

	}

	@media (min-width: 750px) {
		.news-item.even {
			flex-flow: row-reverse wrap;
		}

		.news-item.even .text {
			padding-left: 2rem;
			padding-right: 0;
		}
	}

	.news-item .image {
		font-size: 0;
		line-height: 0;
		position: relative;
		align-self:flex-start;
		display: flex;
		align-items: flex-start;
	}

	.news-item .image img {
		width: 100%;
		height: 100%;
		/* margin-bottom: 1rem; */
	}

		.news-item.home-news .image {
			margin-left: -10px;
		}

		.news-item.home-news .image img {
			height: auto !important;
			margin: 0 10px;
		}

		/* .news-item .image img:nth-child(2) {
			display: none;
			position: absolute;
			height: 100%;
			left: 100%;
			top: 0;
			margin-left: 1rem;
		}

		@media (min-width: 1600px) {
			.news-item .image img:nth-child(2) {
				display: block;
			}
		} */

	.news-item:last-child {
		border-bottom: 0;
		/* margin-bottom: 0rem !important; */
	}

.other-text {
	width: 100%;
}

	@media (min-width: 650px) {
		.other-text {
			width: 40%
		}
	}

.indented-holder {
	/* padding: 0 2rem;; */
}

.team-info {
	display: none;
}

.team-holder {
	margin-left: -0.5rem;
	width: calc(100% + 1rem);
}

.team-item {
	width: calc(100% - 1rem);
	margin: 0.5rem;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #ddd;
	background-size: cover;
}

	.team-item::before {
		content: "";
		display: block;
		padding-bottom: 95%;
	}

	@media (min-width: 400px) {
		.team-item {
			width: calc(50% - 1rem);
			margin: 0.5rem;
		}
	}

	@media (min-width: 750px) {
		.team-item {
			width: calc(33.33% - 1rem);
		}
	}

	@media (min-width: 1000px) {
		.team-item {
			width: calc(25% - 1rem);
		}
	}

	@media (min-width: 1200px) {
		.team-info {
			display: block;
		}
	}

.team-caption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 1rem;
	line-height: 140%;
	color: #fff;
	background-color: #ff8300;
	opacity: 0;
	transition: all 0.2s ease-in-out;
	width: 100%;
	height: 100%;
}

	.team-item:hover .team-caption {
		opacity: 1;
	}

.object-description {
	width: 100%;
	margin-bottom: 2rem;
}

	@media (min-width: 800px) {
		.object-description {
			width: 40%;
			margin-bottom: 0;
		}
	}

	.object-description h3 {
		text-transform: uppercase;
	}

.object-description a[href*=".pdf"] {
	padding-left: 1.5rem;
	position: relative;
	text-decoration: none;
	color: #000;
}

	.object-description a[href*=".pdf"]::before {
		content: "";
		position: absolute;
		display: block;
		width: 1rem;
		height: 1rem;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		background: url(css/img/download.svg) no-repeat center;
		background-size: contain;
	}

.object-images {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items:flex-start;
}

	.object-images img {
		width: 100%;
		height: auto;
		margin-bottom: 1rem;
	}

	@media (min-width: 800px) {
		.object-images {
			width: 60%;
			padding-left: 4rem;
		}
	}


.objects-holder {
	margin-left: -0.5rem;
	width: calc(100% + 1rem);

}

.object-item {
	display: block;
	text-decoration: none;
	margin: 0.5rem;
	height: 15rem;
	background-color: #ddd;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	width: calc(50% - 1rem);
}

.object-sizer {
	width: calc(50% - 1rem);
	margin: 0.5rem;
}

	/* .object-item.size-small { width: calc(50% - 1rem); }
	.object-item.size-middle { width: calc(50% - 1rem); }
	.object-item.size-big { width: calc(100% - 1rem); } */

	@media (min-width: 400px) {
		.object-item  {  height: 18rem; }
	}

	@media (min-width: 600px) {
		.object-item  {  height: 20rem; }
	}

	@media (min-width: 750px) {
		.object-item  {  height: 22rem; }
	}

	@media (min-width: 850px) {
		.object-item  { width: calc(20% - 1rem);  height: 25rem;}
		.object-sizer { width: calc(20% - 1rem); }
		.object-item.size-small { width: calc(20% - 1rem); }
		.object-item.size-middle { width: calc(40% - 1rem); }
		.object-item.size-big { width: calc(60% - 1rem); }
		.objects-holder .object-sizer { width: calc(20% - 1rem); }

		.objects-holder.auto-size .object-item:nth-child(17n + 1) { width: calc(60% - 1rem); }
		.objects-holder.auto-size .object-item:nth-child(17n + 2) { width: calc(40% - 1rem); }
		.objects-holder.auto-size .object-item:nth-child(17n + 3) { width: calc(40% - 1rem); }
		.objects-holder.auto-size .object-item:nth-child(17n + 4) { width: calc(20% - 1rem); }
		.objects-holder.auto-size .object-item:nth-child(17n + 5) { width: calc(40% - 1rem); }
		.objects-holder.auto-size .object-item:nth-child(17n + 6) { width: calc(40% - 1rem); }
		.objects-holder.auto-size .object-item:nth-child(17n + 7) { width: calc(60% - 1rem); }
		.objects-holder.auto-size .object-item:nth-child(17n + 8) { width: calc(20% - 1rem); }
		.objects-holder.auto-size .object-item:nth-child(17n + 9) { width: calc(60% - 1rem); }
		.objects-holder.auto-size .object-item:nth-child(17n + 10) { width: calc(20% - 1rem); }
		.objects-holder.auto-size .object-item:nth-child(17n + 11) { width: calc(60% - 1rem); }
		.objects-holder.auto-size .object-item:nth-child(17n + 12) { width: calc(40% - 1rem); }
		.objects-holder.auto-size .object-item:nth-child(17n + 13) { width: calc(40% - 1rem); }
		.objects-holder.auto-size .object-item:nth-child(17n + 14) { width: calc(40% - 1rem); }
		.objects-holder.auto-size .object-item:nth-child(17n + 15) { width: calc(20% - 1rem); }
		.objects-holder.auto-size .object-item:nth-child(17n + 16) { width: calc(60% - 1rem); }
		.objects-holder.auto-size .object-item:nth-child(17n + 17) { width: calc(40% - 1rem); }
	}

	.page-template-page-referenzen .object-item::before,
	.page-template-page-kaufen .object-item::before {
		content: "";
		display: block;
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.5);
		transition: all 0.2s ease-in-out;
		display: none;
	}

		.page-template-page-referenzen .object-item:hover::before,
		.page-template-page-kaufen .object-item:hover::before {
			opacity: 0;
		}

	.object-item .object-excerpt {
		position: absolute;
		top: 0;
		left: 0;
		padding: 1rem;
		line-height: 140%;
		color: #fff;
		background-color: #ff8300;
		opacity: 0;
		width: 100%;
		height: 100%;
		transition: all 0.2s ease-in-out;
		z-index: 9;
	}

		.object-item:hover .object-excerpt {
			opacity: 1
		}

		.object-item .object-excerpt .title {
			text-transform: uppercase;
			display: block;
			margin-bottom: 1rem;
		}

		.object-item .object-excerpt .description {
			display: none;
		}

			@media (min-width: 600px) {
				.object-item .object-excerpt .description {
					display: block;
				}
			}

	@media (min-width: 850px) {
		.object-item.size-middle .object-excerpt {
			width: 50%;
		}

		.object-item.size-big .object-excerpt {
			width: 33.33%;
		}

		.objects-holder.auto-size .object-item:nth-child(17n + 1) .object-excerpt { width: 33.33%; }
		.objects-holder.auto-size .object-item:nth-child(17n + 2) .object-excerpt { width: 50%; }
		.objects-holder.auto-size .object-item:nth-child(17n + 3) .object-excerpt { width: 50%; }
		.objects-holder.auto-size .object-item:nth-child(17n + 4) .object-excerpt { width: 100%; }
		.objects-holder.auto-size .object-item:nth-child(17n + 5) .object-excerpt { width: 50%; }
		.objects-holder.auto-size .object-item:nth-child(17n + 6) .object-excerpt { width: 50%; }
		.objects-holder.auto-size .object-item:nth-child(17n + 7) .object-excerpt { width: 33.33%; }
		.objects-holder.auto-size .object-item:nth-child(17n + 8) .object-excerpt { width: 100%; }
		.objects-holder.auto-size .object-item:nth-child(17n + 9) .object-excerpt { width: 33.33%; }
		.objects-holder.auto-size .object-item:nth-child(17n + 10) .object-excerpt { width: 100%; }
		.objects-holder.auto-size .object-item:nth-child(17n + 11) .object-excerpt { width: 33.33%; }
		.objects-holder.auto-size .object-item:nth-child(17n + 12) .object-excerpt { width: 50%; }
		.objects-holder.auto-size .object-item:nth-child(17n + 13) .object-excerpt { width: 50%; }
		.objects-holder.auto-size .object-item:nth-child(17n + 14) .object-excerpt { width: 50%; }
		.objects-holder.auto-size .object-item:nth-child(17n + 15) .object-excerpt { width: 100%; }
		.objects-holder.auto-size .object-item:nth-child(17n + 16) .object-excerpt { width: 33.33%; }
		.objects-holder.auto-size .object-item:nth-child(17n + 17) .object-excerpt { width: 50%; }
	}

footer {
	background: rgb(89,96,99);
	background: linear-gradient(270deg, rgba(89,96,99,1) 0%, rgba(64,70,73,1) 100%);
	color: #fff;
	font-size: 0.9rem;
	line-height: 150%;
	padding: 2rem 0;
	margin-top: 4rem;
}

.footer-area {
	width: 100%;
	padding-right: 1rem;
	margin-bottom: 2rem;
}

	@media (min-width: 450px) {
		.footer-area {
			width: 50%;
		}
	}

	@media (min-width: 750px) {
		.footer-area {
			width: 33.33%;
		}
	}

	@media (min-width: 1100px) {
		.footer-area {
			width: 25%;
			margin-bottom: 0;
		}
	}

@media (min-width: 1100px) {
	.footer-area:last-child {
		margin-left: auto;
	}
}


.footer-area img {
	height: 3.25rem;
	width: auto !important;
	margin-bottom: 1rem;
}

footer a.logo {
	width: 8.5rem;
	height: 4.4rem;
	display: block;
	background: url(css/img/logo-svit.svg) no-repeat center;
	background-size: contain;
	text-indent: -1000px;
	overflow: hidden;
}

	@media (min-width: 1100px) {
		footer a.logo {
			position: absolute;
			bottom: 0;
			right: 0;
		}
	}


	.wpcf7 {
	    max-width: 600px;
	    margin: 0 auto 2rem auto;
	}

	.wpcf7 .form-row {
	    margin-bottom: 0.5rem;
	}


	.wpcf7 select,
	.wpcf7 input[type='text'],
	.wpcf7 input[type='tel'],
	.wpcf7 input[type='email'],
	.wpcf7 textarea {
	    background: transparent;
	    font: inherit;
	    border: 1px solid #ccc;
	    outline: none;
	    -webkit-appearance: none;
	    appearance: none;
	    padding: 0.5rem 0.75rem;
	    border-radius: 0;
	    width: 100%;
	    color: #000000;
	}

	.wpcf7 textarea {
	    font: inherit;
	    border: 1px solid #ccc;
	    outline: none;
	    -webkit-appearance: none;
	    appearance: none;
	    padding: 0.5rem 0.75rem;
	    border-radius: 0;
	    width: 100%;
	    height: 6rem;
	    background: #fff;
	}

	.wpcf7 input[type='text']:focus,
	.wpcf7 input[type='tel']:focus,
	.wpcf7 input[type='email']:focus,
	.wpcf7 textarea:focus{
		border: 1px solid #ff8300;
	}

	.wpcf7 input[type='text']::placeholder,
	.wpcf7 input[type='email']::placeholder,
	.wpcf7 input[type='tel']::placeholder,
	.wpcf7 textarea::placeholder {
	    color: #666;
	}



	.wpcf7 input[type='submit'] {
	    font: inherit;
	    border: 1px solid #ff8300;
	    border-radius: 0.25rem;
	    padding: 1rem 1.5rem;
	    color: #fff;
	    background: #ff8300;
	    outline: none;
	    -webkit-appearance: none;
	    appearance: none;
	    margin: 2rem 0 0 0;
	    display: block;
	    transition: all 0.2s ease-in-out;
		font-weight: bold;
	}

	.wpcf7 input[type='submit']:hover {
	    transform: scale(1.1);
	}

	.wpcf7 form.invalid .wpcf7-response-output,
	.wpcf7 form.unaccepted .wpcf7-response-output,
	.wpcf7 form.sent .wpcf7-response-output {
	    background: #eee;
	    border: 0;
	    padding: 1.5rem 2rem;
	    border-radius: 0.25rem;
	    color: #222;
	    font-weight: normal;
	}

	.wpcf7 form.sent .wpcf7-response-output {
	    background: #eee;
	    color: #222;
		font-weight: bold;
	}


.filter {
	display: flex;
	flex-flow: row wrap;
	margin: 2rem 0 1rem 0;
	color: #ccc;
}


.filter div {
	cursor: pointer;
	margin: 0 0.5rem;
	color: #333;
}

.filter div.is-selected {
	border-bottom: 2px solid #ff8300;
	color: #ff8300;
}

.filter div:first-child {
	margin-left: 0;
}
.filter div:last-child {
	margin-right: 0;
}

.wp-block-gallery .wp-block-image {
	flex-grow: 0 !important;
}

.wp-block-gallery .wp-block-image img {
	aspect-ratio: 3 / 2;
}


#lightboxOverlay {
	z-index: 9999999999;
}
#lightbox {
	z-index: 99999999999;
}