:root {
	--heading-font: "Cambria", "Times New Roman", serif;
	--body-font: "Calibri", Helvetica, Arial, sans-serif;
	--text-color: #050708;
	--heading-size-1: 36px;
	--heading-size-2: 30px;
	--heading-size-3: 25px;
	--body-font-size: 16px;
	--body-background: #f1f1f1;
	--content-background: #fdfcfa;
	--dark-background: #282d23;
	--content-width: 1080px;
	--default-spacing: 30px;
	--tiny-spacing: 10px;
}
/* Header */
.header-content h1, .header-content h2 {
	margin-left: 0;
	font-size: 45px;
	font-weight: 500;
}
.single-project .header-content h2 {
	font-size: 35px;
}
p.cover-text {
	max-width: 300px;
	font-size: 1.2em;
}
button a {
	text-decoration: none;
}
/* Main */

div.padder, .is-style-padder {
	margin-left: var(--default-spacing);
	margin-right: var(--default-spacing);
}
h1, h2, h3 {
	font-family: var(--heading-font);
	margin-bottom: 0.5em;
}
h1 {
	font-size: 4rem;
	font-weight: 600;
	text-align: center;
}
h2 {
	font-size: 35px;
	font-weight: 500;
}
h1, h2, h3, h4, p {
	margin-top: 0;
}
.is-style-tiny {
	font-size: 12px;
	text-transform: uppercase;
}
h2.is-style-tiny {
	font-size: 14px;
	font-family: Tahoma;
	letter-spacing: 0.5px;
}
.project-list.grid, .gallery.grid {
	margin-left: var(--default-spacing);
	width: auto;
}
.project-list.grid > div > div.inner, .gallery.grid > div > div.inner  {
	margin-left: 0;
	padding-right: var(--default-spacing);
}
.project-list h3 {
	font-size: 14px;
	text-transform: uppercase;
}
div.project-list h3 {
	margin-top: 10px;
	margin-bottom: 4px;
}
div.project-list a {
	text-decoration: none;
}
div.project-list img {
	border: 1px solid rgba(0,0,0,0.5);
	aspect-ratio: 1;
	object-fit: cover;	
}
p.excerpt {
	font-style: italic;
}
p.read-more a {
	font-weight: 600;
	text-transform: uppercase;
}
ul.project-info {
	list-style-type: none;
	margin: 0;
}
ul.project-info li {
	background: url(../images/icon-calendar.png) no-repeat left center;
	background-size: 22px 22px;
	padding-left: 32px;
	margin-left: 0;
	line-height: 20px;
	margin-bottom: 10px;
}
ul.project-info li.location {
	background-image:  url(../images/icon-location.png)
}
ul.project-info li.category {
	background-image:  url(../images/icon-tag.png)
}
ul.project-info li span.key {
	display: block;
	text-transform: uppercase;
	color: #776644;
}
ul.project-info li span.value {
	font-weight: 600;
}
/* gallery, projects etc */
a.right {
	float: right;
	display: block;
}
button {
	background: #776644;
	color: white;	
}
a.button {
	background: #776644;
	color: white;
	font-size: 22px;
	padding: 4px 14px;
	border-radius: 18px;
	text-decoration: none;
}
div.gallery a.responsive-image {
	margin-bottom: 20px;
	aspect-ratio: 3/2;
	border: 1px solid rgba(0,0,0,0.5);
}
a.phone {
	text-decoration: none;
	color: inherit;
}
div.show-more {
	text-align: right;
}
ul.project-types {
	list-style-type: none;
	display: flex;
	justify-content: center;
	margin: 0 var(--default-spacing) var(--default-spacing) var(--default-spacing);
	text-transform: uppercase;
	gap: 4px;
}
ul.project-types li {
	border-bottom: 2px solid #f3f2f0;
	margin: 0;
}
ul.project-types li a {
	text-decoration: none;
	padding: 0 10px;
}
.is-style-dark {
	background: var(--dark-background);
	color: white;
}
p.cats {
	margin-bottom: 0.5em;
}
a.backlink {
	color: #776644;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}
a.category {
	text-transform: uppercase;
	font-size: 12px;
	color: #776644;
	display: inline-block;
	margin-right: 10px;
}
/* Utility classes */
.mb-0 {
	margin-bottom: 0;
}
/* Posts grid */ 
.posts.grid {
	margin-right: var(--default-spacing);
	gap: var(--default-spacing);
}
/* Footer */
footer {
	max-width: var(--content-width);
	margin: 0 auto var(--default-spacing) auto;
	background: var(--content-background);
	padding: var(--default-spacing);
}
.contact-info {
	display: flex;
	align-items: center;
}
.contact-info .icon {
	width: 44px;
}
.contact-info .text {
	flex: 1;
	margin: 0 10px;
	line-height: 1.3em;
}
.contact-info a {
	text-decoration: none;
}
.contact-info a:hover {
	text-decoration: underline;
}
/* Responsive */
@media (min-width: 480px) {
  .posts.grid {
    display: grid;
  }
  	.posts {
		grid-template-columns: 1fr 1fr;
	}	
}
@media(min-width: 700px) {
	.wp-block-media-text .wp-block-media-text__content {
		padding: var(--default-spacing);
	}
	.posts {
		grid-template-columns: 1fr 1fr 1fr;
	}	
}